<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>angular API</title>
    <script src="../js/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    <p>{{x0}}</p>
    <p>{{x1}}</p>
    <p>{{x2}}</p>
    <p>{{x3}}</p>
    <p>{{x4}}</p>
</div>
<script>
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function ($scope) {
        $scope.x0 = "John";
        $scope.x1 =angular.lowercase($scope.x0);
        $scope.x2 =angular.uppercase($scope.x0);
        $scope.x3 =angular.isNumber($scope.x0);
        $scope.x4 =angular.isString($scope.x0);
    });
</script>
</body>
</html>